<template>
	<view class="module flex alignCenter">
		<!-- 第一次出现 -->
		<view class="positionBox">
			<view class="first">
				<view class="font14 bold priTitle">{{clickNum==0?'服务协议和隐私政策':'确认提示'}}</view>
				<view class="font12 priCon" v-if="clickNum==0">请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。</view>
				<view class="font12 priCon" v-if="clickNum==0">
					你可阅读<text class="" @click="toWebview('service')">《服务协议》</text>和<text class="" @click="toWebview('personal')">《隐私政策》</text>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。
				</view>
				<view class="font12 priCon" v-if="clickNum>0">
					进入应用前，你需要先同意<text class="" @click="toWebview('service')">《服务协议》</text>和<text class="" @click="toWebview('personal')">《隐私政策》</text>。
				</view>
				<view class="font12 bold priBtn colorMain" @click="agree">同意并接受</view>
				<view class="font12 bold priBtn" @click="disagree('no')" v-if="clickNum==0">不同意</view>
				<view class="font12 bold priBtn" @click="disagree('tour')">游客模式</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"uni-iosprivacy",
		data() {
			return {
				clickNum:0
			};
		},
		methods:{
			disagree(type){
				if(type=='no'){
					// 不同意
					if(this.clickNum>0) return;
					this.clickNum+=1
					return
				}else{
					console.log(111111111111)
					// 游客模式
					plus.runtime.disagreePrivacy()
					console.log('2222',plus.runtime.isAgreePrivacy())
					// uni.switchTab({
					// 	url:'/pages/index/index'
					// })
					uni.setStorageSync('canShowIos',true)
					this.$emit("tourClick")
					uni.switchTab({
						url:'/pages/index/index'
					})
				}
			},
			agree(){
				plus.runtime.agreePrivacy()
				uni.reLaunch({
					url:'/pages/index/index'
				})
			},
			toWebview(type){
				uni.navigateTo({
					url:'/pages/service/service?type='+type
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
@import "@/static/public.scss";
.module{
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	background: rgba(0,0,0,.4);
	z-index: 200;
	.positionBox{
		background:#fff;
		border-radius: 28rpx;
		width:670rpx;
		margin: 0 auto;
		padding: 40rpx 30rpx;
		box-sizing: border-box;
		.first{
			.priTitle{
				text-align: center;
				margin:0 0 30rpx;
			}
			.priCon{
				text-indent: 48rpx;
				&>text{
					color: #2440b3;
				}
			}
			.priBtn{
				text-align: center;
				margin:40rpx 0 0;
			}
		}
	}
}
</style>